<form name="parte" id="parte_contraria" method="post" action="">
    <div id="parte_contraria">
       <h3>Informações da parte contrária</h3><br /><br />
       <li id="colEsq">
            <p><b>Dados pessoais</b></p>
            <p>
                <label><span class="obrigatorio">*</span>Nome</label>
                <input name="nome_2" type="text" class="required big"title="Digite aqui o Nome da Parte Contrária" />
            </p>

            <p>
                <label><span class="obrigatorio">*</span>Endereço Residencial</label>
                <input name="ds_logradouro_1" type="text" class="required big" title="Digite aqui o Endereço da Parte Contrária" />
            </p>
             <p>
                <label><span class="obrigatorio">*</span>UF</label>
                <?php echo $this->formSelect('id_uf_3', 
                							null, array('id'=>'id_uf_parte_contraria_1',
                										'class' => 'required medium',
                										'title' => 'Selecione aqui a UF da Parte Contrária'),
                										 $this->ufs); ?>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Cidade</label>
                <select id="id_cidade_parte_contraria_1" name="id_cidade_3" class="required medium" disabled="disabled" title="Digite aqui a Cidade da Parte Contrária"></select>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Bairro</label>
                <input name="ds_bairro_1" type="text" class="required medium" title="Digite aqui o Bairro da Parte Contrária" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>CEP</label>
                <input name="nu_cep_1" type="text" class="required medium" alt="cep" title="Digite aqui o CEP da Parte Contrária"/>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Telefone</label>
                <input name="nu_telefone_residencial_1" type="text" class="required medium" alt="phone" title="Digite aqui o Telefone da Parte Contrária" />
            </p>
            <p>
                <label>Celular</label>
                <input name="nu_telefone_celular_1" type="text" class="small" alt="phone" title="Digite aqui o Telefone Celular" value="<?php echo isset($this->dados['nu_telefone_celular_1']) ? $this->dados['nu_telefone_celular_1'] : null; ?>" />
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Profissão</label>
                <?php echo $this->formSelect('id_profissao',
                                             isset($this->dados['id_profissao']) ? $this->dados['id_profissao'] : null,
                                             array('class' => 'required big', 'title' => 'Selecione aqui a Profissão do Assistido'),
                                             $this->profissao); ?>
            </p>
            <p>
                <label><span class="obrigatorio">*</span>Remuneração</label>
                <input name="nu_remuneracao" type="text" class="required medium" alt="decimal" title="Digite aqui a Remuneração da Parte Contrária" />
            </p>
        </li>
        <div class="separador_2"></div>
        <li>
            <p><b>Endereço Comercial</b></p>
             <input type="hidden" name="id_endereco_2" value="" />

            <p>
                <label>Endereço Comercial</label>
                <input name="ds_logradouro_2" type="text" class="medium"title="Digite aqui o Endereço da Parte Contrária"/>
            </p>
            <p>
                <label>UF</label>
                <?php echo $this->formSelect('id_uf_4',null,
                							 array('id'=>'id_uf_parte_contraria_2',
                							 'class' => 'medium',
                							 'title' => 'Selecione aqui a UF da Parte Contrária'), 
                							 $this->ufs); ?>
            </p>
            <p>
                <label>Cidade</label>
                <select id="id_cidade_parte_contraria_2" name="id_cidade_4" class="medium" disabled="disabled" title="Selecione a Cidade da Parte Contrária"></select>
            </p>
            <p>
                <label>Bairro</label>
                <input name="ds_bairro_2" type="text" class="small" title="Digite aqui o Bairro da Parte Contrária"/>
            </p>
            <p>
                <label>CEP</label>
                <input name="nu_cep_2" type="text" class="small" alt="cep" title="Digite aqui o CEP da Parte Contrária" />
            </p>
            <p>
                <label>Telefone</label>
                <input name="nu_telefone_residencial_2" type="text" class="medium" alt="phone" title="Digite aqui o Telefone da Parte Contrária" />
            </p>
            <p>
                <label>Celular</label>
                <input name="nu_telefone_celular_2" type="text" class="small" alt="phone" title="Digite aqui o Telefone Celular" value="<?php echo isset($this->dados['nu_telefone_celular_1']) ? $this->dados['nu_telefone_celular_1'] : null; ?>" />
            </p>
            <div class="clear" ></div>
         </li>
        <div class="navegacao">
            <input type="button" value="Anterior" class="before"/>
            <input type="submit" value="Próximo" />
        </div>
    </div>
</form>

<script type="text/javascript">
    var url = '<?php echo $this->baseUrl() ?>';
    $(document).ready(function() {

        $("select#id_uf_parte_contraria_1").change(function() {
            if ($(this).val() != "") {
                $.getJSON(url + "/ajax/get-cidades-por-uf/idUf/"+ $(this).val(), null, function(value){
                    var options = '';
                    $.each(value, function(index, data) {
                        options += '<option value="' + index + '">' + data + '</option>';
                    });
                    $("select#id_cidade_parte_contraria_1").removeAttr("disabled");
                    $("select#id_cidade_parte_contraria_1").html(options);
                });
            } else {
                $("select#id_cidade_parte_contraria_1").attr("disabled", "disabled");
                $("select#id_cidade_parte_contraria_1").html("");
            }
        });
        $("select#id_uf_parte_contraria_2").change(function() {
            if ($(this).val() != "") {
                $.getJSON(url + "/ajax/get-cidades-por-uf/idUf/"+ $(this).val(), null, function(value){
                    var options = '';
                    $.each(value, function(index, data) {
                        options += '<option value="' + index + '">' + data + '</option>';
                    });
                    $("select#id_cidade_parte_contraria_2").removeAttr("disabled");
                    $("select#id_cidade_parte_contraria_2").html(options);
                });
            } else {
                $("select#id_cidade_parte_contraria_2").attr("disabled", "disabled");
                $("select#id_cidade_parte_contraria_2").html("");
            }
        });

    	// Validate
        jQuery.validator.messages.required = '';
        $("#parte_contraria").validate({
            invalidHandler: function(e, validator) {
            var errors = validator.numberOfInvalids();
               if (errors) {
                    var message = errors == 1
                        ? 'Você esqueceu 1 campo de preenchimento obrigatório'
                       : 'Você esqueceu ' + errors + ' campos de preenchimento obrigatório';
                    $("div.error span").html(message);
                    $("div.error").show();
                } else {
                    $("div.error").hide();
                }
            },
            ignoreTitle: true
        });
	});
</script>